<template>
    <el-table
      :data="model.ModelEntitys"
      style="width: 100%">
	
	  <el-table-column type="expand">
	        <template scope="props">
			     
			      <el-table
                          :data="props.row.ModelAttributes" style="width: 100%">
						<el-table-column
                            prop="Name"
                            label="Name"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="Description"
                            label="Description"
                            width="180">
                        </el-table-column>
                        <el-table-column
                            prop="Type"
                            label="Type">
                        </el-table-column>
	
	                    <el-table-column
                            prop="Pk"
                             label="PK">
							 <template scope="scope">
							   <input type="checkbox" :checked="scope.row.Pk==1" onclick="return false" ></input>
							 </template>
                        </el-table-column>
			      </el-table>			
	        </template>
	  </el-table-column>
      <el-table-column
        prop="Name"
        label="Name"
        width="180">
      </el-table-column>
      <el-table-column
        prop="Description"
        label="Description"
        width="180">
      </el-table-column>
      <el-table-column
        prop="Type"
        label="Type">
      </el-table-column>
	
	  <el-table-column
        prop="Pk"
        label="PK">
      </el-table-column>
    </el-table>
</template>
<script>
    import {ConfigurationService} from '../apis/ConfigurationService.js';
    import Vue from 'vue';
	import 'element-ui/lib/theme-default/table.css';
	import 'element-ui/lib/theme-default/table-column.css';
	import {Table,TableColumn} from 'element-ui'
	Vue.component(Table.name, Table)
	Vue.component(TableColumn.name, TableColumn)
    export default {
        data(){
            return {
               model:{},
			   modelId :null
            }
        },
        mounted() {
            
              this.modelId =this.$vnode.data.attrs.modelId;
			  var me=this ;
		      ConfigurationService.FindModel(this.modelId).then(
                  model =>{
					  
					  me.model =model
				  }
			  );
        },
        computed:{

        },
        methods:{
           
        }
    }
</script>
<style>
   
</style>